<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="box1"></div>
	</body>
</html>
<style type="text/css">
	.box1{
		width: 100px;
		height: 100px;
		margin: 50px auto;
		background-color: #bfa;
		transition: transform 2s;
		/* 变形的原点 默认值center*/
		transform-origin: 20px 20px;
	}
	.box1:hover{
		/* scale对元素进行缩放 scaleX scaleY scaleZ单位：倍数*/
		/* transform: scaleX(2); */
		transform: scale(1.5);
	}
</style>